import React, { Component, Suspense } from 'react';
import PageHeaderWrapper from '@/components/PageHeaderWrapper';
import { connect } from 'dva';
import PageLoading from '@/components/PageLoading';
import { FormattedMessage } from 'umi-plugin-react/locale';
import { Row, Col, Card, Button, Input , Modal, message } from 'antd';
import styles from './index.less';



@connect(({ process, loading }) => ({
  process,
  loading: loading.effects['process/fetch'],
}))

class ProcessTemplate extends Component {
  constructor(props) {
    super(props);
    this.state = {
      currentTemplateId: null,
      visible: false,
    };
  }


  componentDidMount() {
  }


  render() {
    return (
      <Suspense fallback={<PageLoading/>}>
        <PageHeaderWrapper>
          <Row className={styles.colorBackground}>
            <Col style={{ padding: 10 }} xs={24}>
              <div className={styles.title}>
                <FormattedMessage
                  id="app.processTemplate.title-edit"
                />
              </div>
            </Col>
          </Row>
          <Card
            bordered={false}
          >

            <Row>
              <Col xs={2} style={{width: "70px"}}>
                <FormattedMessage
                  id="app.processTemplate.templateName"
                />
              </Col>
              <Col xs={4}>
                <Input placeholder="请输入模版名称" />
              </Col>
            </Row>
          </Card>
        </PageHeaderWrapper>
      </Suspense>
    );
  }
}

export default connect (({ user }) => ({
  currentUser: user.currentUser
}))(ProcessTemplate);
